{% if page.comments != false %}

  {% if site.comments_provider != 'disqus' and site.lazy_load_disqus and site.disqus and site.disqus.username %}
    <a href="#" class="show_disqus_comment" onclick="return false;">Show Disqus Comments</a>
    <div id="disqus_thread"></div>
    <script>
      var disqus_config = function () {
        this.page.url = '{{ site.url }}{{ page.url }}';
        this.page.identifier = '{{ page.url }}';
        this.page.title = '{{ page.title }}';
      };
      var disqus_loaded = false;
      $(function() {
        $('.show_disqus_comment').on('click', function() { /* DON'T EDIT BELOW THIS LINE */
          $(this).html('加载中...');
          var that = this;
          if (!disqus_loaded) {
            var d = document, s = d.createElement('script');

            s.type = 'text/javascript';
            s.async = true;
            var shortname = '{{ site.disqus.username }}';

            s.src = '//' + shortname + '.disqus.com/embed.js';

            s.setAttribute('data-timestamp', +new Date());
            (d.head || d.body).appendChild(s);

            disqus_loaded = true;
          }
          $(that).remove();
        })
      })
    </script>
    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
  {% endif %}

  {% case site.comments_provider %}
    {% when 'gitment' %}
      <div id="container"></div>
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/imsun.github.io/gitment/style/default.css">
      <script src="https://cdn.jsdelivr.net/gh/imsun.github.io/gitment/dist/gitment.browser.js"></script>
      <script>
        var gitment = new Gitment({
            id: '{{ page.url | truncate: 50, '' }}',
            owner: '{{ site.gitment.owner }}',
            repo: '{{ site.gitment.repo }}',
            oauth: {
                client_id: '{{ site.gitment.oauth.client_id }}',
                client_secret: '{{ site.gitment.oauth.client_secret }}',
            },
        });
        gitment.render('container');
      </script>
    {% when 'gitalk' %}
      <div id="gitalk-container"></div>
      <link rel="stylesheet" href="{{ assets_base_url }}/assets/vendor/gitalk/gitalk.css">
      <script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
      <script>
        var gitalk = new Gitalk({
          id: '{{ page.url | truncate: 50, '' }}',
          clientID: '{{ site.gitalk.clientID }}',
          clientSecret: '{{ site.gitalk.clientSecret }}',
          repo: '{{ site.gitalk.repo }}',
          owner: '{{ site.gitalk.owner }}',
          admin: ['{{ site.gitalk.owner }}'],
          labels: ['{{ site.gitalk.label }}'],
          perPage: 50,
        });
        gitalk.render('gitalk-container');
      </script>
    {% when 'utterances' %}
      <script 
        src="https://utteranc.es/client.js"
        repo="{{ site.utterances.repo }}"
        issue-term="title"
        label="{{ site.utterances.label }}"
        theme="{{ site.utterances.theme }}"
        crossorigin="anonymous"
        async
      ></script>
    {% when 'beaudar' %}
      <script src="https://beaudar.lipk.org/client.js"
        repo="{{ site.beaudar.repo }}"
        issue-term="title"
        label="{{ site.beaudar.label }}"
        theme="{{ site.beaudar.theme }}"
        comment-order="desc"
        input-position="top"
        crossorigin="anonymous"
        async
      ></script>
  {% endcase %}
{% endif %}
